<template>
    <div class="popup_gzsj">
        <table  class="altrowstable">
          <thead>
            <tr>
              <td colspan="2">CH4</td>
              <td colspan="2">CO</td>
            </tr>
          </thead>
            <tbody>
               <tr>
                  <td   >超限煤矿数</td>
                  <td style="width:50px">{{vdata.CH4_cxmk}}</td>
                   <td   >超限煤矿数</td>
                  <td style="width:50px">{{vdata.co_cxmk}}</td>
                </tr>
                 <tr>
                  <td >超5分钟报警数</td>
                  <td>{{vdata.CH4_alarm5}}</td>
                   <td  rowspan="2">超30分钟报警数</td>
                   <td rowspan="2">{{vdata.co_alarm30}}</td>
                </tr>
                 <tr>
                    <td   >超3%报警数</td>  
                    <td >{{vdata.CH4_alarm_3}}</td>
                </tr>
                <tr>
                  <td colspan="2">煤矿数量(座)</td>
                  <td colspan="2">{{vdata.ch4_mk }}</td>
                </tr>
                 <tr>
                  <td colspan="2">6月监察矿次</td>
                  <td colspan="2">{{vdata.six_num }}</td>
                </tr>
                 <tr>
                  <td colspan="2">风险等级</td>
                  <td colspan="2">{{vdata.levelName }}</td>
                </tr>
                 <tr>
                  <td colspan="2">时间范围</td>
                  <td colspan="2">2021-07-07至2021-07-13</td>
                </tr>
            </tbody>
        </table>
        <!-- <el-row style="text-align:center;margin:1vh 0">
           <el-button v-if="vdata.code==410000" type="primary" size="mini" style="width:60%" round @click="go">主要按钮</el-button>
        </el-row> -->

    </div>
</template>
<script>
export default {
    name: "popup_pg",
    props:{
      vdata:{}
    },
    data(){
      return{
        levelMap:{
            "01":"重大风险 ",
            "02":"较大风险",
            "03":"一般风险",
            "04":"低分险",
        },
        levelColor:{
          "01":"#db2d2d ",
          "02":"#fc7500",
          "03":"#e3ca21",
          "04":"#00b4ff",
        },
        typeMap:{
            "ts":'态势预警',//态势预警
            "sg":'事故预警',//事故预警
            "zh":'灾害',//灾害
            "ws":'瓦斯预警',//瓦斯预警
            "jd":'瓦斯预警',//瓦斯预警
        },
      }
    },
   created(){
    console.log(this.vdata)
   },
   methods:{
     go(){
       this.vm.mapClick();
     },
   }
}
</script>

<style  lang="less" scoped>
  .popup_pg{
    font-size: 1.4vh;
    line-height: 2vh;
    .name{ font-size: 1.4vh; }
    .text{ font-size: 1.4vh;color: #40E6FE; }
    .time{color: #84A9FF;font-size: 1vh;}
   
  }
</style>
<style type="text/css">
table.altrowstable {
     font-family: verdana,arial,sans-serif;
    font-size:11px;
     color:#fff;
    border-width: 1px;
     border-color: #a9c6c9;
     border-collapse: collapse;
      margin: 0 auto;
    text-align: center;
 }
 table.altrowstable th {
    border-width: 1px;
    padding: 8px;
     border-style: solid;
     border-color: #a9c6c9;
 }
 table.altrowstable td {
     border-width: 1px;
     padding: 8px;
     border-style: solid;
     border-color: #a9c6c9;
 }
 .oddrowcolor{
     background-color:#d4e3e5;
 }
 .evenrowcolor{
    background-color:#c3dde0;
}
</style>
